/* LESS */
//变量 定义rem大小，并设置单位
@rem:75rem;



//弹出框整体样式
#smh_alertall{  
    .smh_alertbg{
        background-color: #000;
        opacity: 0.3;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 9999;
    }
    .smh_alert{
        display: none;
        width: 538/@rem;
        height: 274/@rem;
        background-color: #fff;
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        margin-top: 380/@rem;
        margin-left: 106/@rem;
        .smh_alert_text{
            text-align: center;
            height: 192/@rem;
            line-height: 192/@rem;
            
            p{
                color: rgb(51,51,51);
                font-size: 32/@rem;
                
                input{
                    border: solid 1px rgb(224,224,224);
                    width: 270/@rem;
                    height: 58/@rem;
                    color: rgb(51,51,51);
                    font-size: 28/@rem;
                    padding-left: 24/@rem;
                    box-sizing: border-box;
                }
            }
        }
        .smh_alert_confirm{
            padding: 1rem 24/@rem;
            box-sizing: border-box;
            p{
                height: 60/@rem;
                line-height: 40/@rem;
            }
        }
        .smh_alert_input{
            width: 100%;
            padding: 32/@rem 24/@rem;
            height: 247/@rem;
            box-sizing: border-box;
            color: rgb(204,204,204);
            font-size: 28/@rem;
        }
        #div_wordCount{
            position: absolute;
            color: rgb(204,204,204);
            font-size: 28/@rem;
            top: 190/@rem;
            right:18/@rem;
        }
        .smh_alert_button{
            width: 100%;
            height: 82/@rem;
            border-top: solid 1px rgb(179,179,179);
            font-size: 32/@rem;
            text-align: center;
            span{
                display: inline-block;
                width: 49%;
                line-height: 82/@rem;
            }
            .smh_alert_button_left{
                border-right: solid 1px rgb(179,179,179);
                color: rgb(46,46,46);
            }
            .smh_alert_button_colorh{
                color: rgb(204,204,204);
            }
            .smh_alert_button_colorg{
                color: rgb(9,177,176);
            }
        }
    }
    .smh_alertinput{
        display: none;
        width: 650/@rem;
        height: 351/@rem;
        margin-top: 310/@rem;
        margin-left: 50/@rem;
        .smh_alert_text{
            height: 262/@rem;
            line-height: 262/@rem;
            p{
                input{
                    border: solid 1px rgb(224,224,224);
                    width: 270/@rem;
                    height: 58/@rem;
                    color: rgb(51,51,51);
                    font-size: 28/@rem;
                    padding-left: 24/@rem;
                    box-sizing: border-box;
                }
                em{
                    margin-left: 12/@rem;
                }
            }
        }
        .smh_alert_button{
            height: 88/@rem;
            span{
                line-height: 88/@rem;
            }
        }
    } 
    .smh_alertyzm{
        display: none;
        width: 650/@rem;
        height: 351/@rem;
        margin-top: 310/@rem;
        margin-left: 50/@rem;
        .smh_alert_text{
            height: 262/@rem;
            line-height: 262/@rem;
            p{
                input{
                    border: solid 1px rgb(224,224,224);
                    width: 370/@rem;
                    height: 70/@rem;
                    color: rgb(51,51,51);
                    font-size: 28/@rem;
                    padding-left: 16/@rem;
                    box-sizing: border-box;
                }
                ::-webkit-input-placeholder { /* WebKit browsers */  
                    color: rgb(204,204,204);  
                } 
                em{
                    margin-left: 12/@rem;
                    display: inline-block;
                    width: 192/@rem;
                    line-height: 70/@rem;
                    background-color: rgb(9,177,176);
                    color: #fff;
                    font-size: 28/@rem;
                }
            }
        }
        .smh_alert_button{
            height: 88/@rem;
            span{
                line-height: 88/@rem;
            }
        }
    }  
    .smh_alertinput2{
        display: none;
        width: 604/@rem;
        height: 291/@rem;
        margin-top: 180/@rem;
        margin-left: 74/@rem;
        .smh_alert_text{
            height: 202/@rem;
            line-height: 202/@rem;
            p{
                input{
                    border: solid 1px rgb(224,224,224);
                    width: 270/@rem;
                    height: 58/@rem;
                    color: rgb(51,51,51);
                    font-size: 28/@rem;
                    padding-left: 24/@rem;
                    box-sizing: border-box;
                }
                em{
                    margin-left: 12/@rem;
                }
            }
        }
        .smh_alert_button{
            height: 88/@rem;
            span{
                line-height: 88/@rem;
            }
        }
    } 
    
    .smh_alertinput3{
        display: none;
        width: 650/@rem;
        height: 389/@rem;
        margin-top: 310/@rem;
        margin-left: 50/@rem;
        .smh_alert_text{
            height: 300/@rem;
            padding-top: 44/@rem;
            box-sizing: border-box;
            p{
                line-height: 58/@rem;
                margin-bottom: 18/@rem;
                span{
                    display: inline-block;
                    width: 200/@rem;
                    text-align: right;
                }
                input{
                    border: solid 1px rgb(224,224,224);
                    width: 270/@rem;
                    height: 58/@rem;
                    color: rgb(51,51,51);
                    font-size: 28/@rem;
                    padding-left: 24/@rem;
                    box-sizing: border-box;
                }
                em{
                    margin-left: 12/@rem;
                }
            }
        }
        .smh_alert_button{
            height: 88/@rem;
            span{
                line-height: 88/@rem;
            }
        }
    } 
}



/*弹出框*/
@-webkit-keyframes alert1{
    0% {opacity:1;}
    50% {opacity:1;}
    100% {opacity:0;}
}
.alertnb{
    -webkit-animation: alert1 2s ease infinite alternate ;
}
.alert{
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:100%;
    display:none;
    
}
.alert div{
    position: fixed;
    margin-left:3.65rem;
    top:6rem;
    text-align:center;
    border-radius: 0.08rem;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size:0.32rem;
    width:3rem;
    line-height:0.8rem;
    height:0.8rem;
}